<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
  <head>
      <base th:href="${#request.getContextPath() + '/'}">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <!-- Google fonts - Popppins for copy-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,800">
    <!-- orion icons-->
    <link rel="stylesheet" href="/css/orionicons.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/img/favicon.png?3">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <style>
      .form-control-label {
          top: 10px;
          font-size: .9rem;
          color: #6c757d;
          padding-left: 180px;
      }
  </style>
  <body>
    <!-- navbar-->
    <div th:replace="publicheader::header"></div>
    <div class="d-flex align-items-stretch">
        <div id="sidebar" class="sidebar py-3">
            <div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">MAIN</div>
            <div th:replace="publicsidebar::sidebar"></div>
        </div>
      <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">

            <div class="col-lg-12 mb-5" style="margin-top: 30px;">
                <div class="card">
                    <div class="card-header">
                        <h3 class="h6 text-uppercase mb-0">个人请假表</h3>
                    </div>
                    <div class="card-body">
                        <form class="form-horizontal" action="/classmaster/insertHoliday" method="post">
                            <input type="hidden" name="masId" th:value="${clazz.masId}" value="1">
                            <input type="hidden" name="leaveTab" value="3"/>
                            <div class="form-group row">
                                <label class="col-md-3 form-control-label">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
                                <div class="col-md-9">
                                    <input readonly="readonly" type="text" name="masName" th:value="${clazz.masName}" value="张三" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 form-control-label">请假开始时间</label>
                                <div class="col-md-9">
                                    <input type="date" name="leaveTime" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 form-control-label">请假结束时间</label>
                                <div class="col-md-9">
                                    <input type="date" name="leaveEndTime" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 form-control-label">请&nbsp;&nbsp;假&nbsp;&nbsp;理&nbsp;&nbsp;由</label>
                                <div class="col-md-9">
                                    <input type="text"  name="leaveReason" placeholder="您要请假的理由" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-9 ml-auto">
                                    <button type="reset" class="btn btn-secondary">重置</button>
                                    <button type="submit" class="btn btn-primary">提交</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

          <div th:replace="publicfooter::footer"></div>
      </div>
    </div>
    <!-- JavaScript files-->
    <script src="/vendor/jquery/jquery.min.js"></script>
    <script src="/vendor/popper.js/umd/popper.min.js"> </script>
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="/vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="/vendor/chart.js/Chart.min.js"></script>
    <script src="/js/js.cookie.min.js"></script>
    <script src="/js/charts-custom.js"></script>
    <script src="/js/front.js"></script>

  </body>
</html>